<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:mo="https://gitee.com/aun/Timo">
<body>
<style>
    .p_name{
        font-size: 18px;
        font-weight: 600;
    }
    .p_sex_age{
        font-size: 14px;
        color: rgba(167,172,177,1);
    }
    .p_box{
        padding: 16px;
        margin-top: 10px;
        height: 580px;
        margin-bottom: 10px;
        border-radius: 10px;
        overflow: auto;
    }
    .order-label{
        width: 60px;
    }
    .order-block{
        margin-left: 90px;
    }
    .service_num{
        border-radius: 2px;
        background-color: rgba(31,204,147,0.14);
        color: rgba(31,204,147,1);
        font-size: 12px;
        width: 100px;
        padding: 0 6px;
        text-align: center;
        margin-top: 7px;
    }
    .layui-panel h4{
        font-size: 16px;
    }
    .layui-panel h5{
        font-size: 14px;
    }
    .order-panel{
        overflow: hidden;
        padding: 20px;
        margin-bottom: 20px;
        background-color: rgba(27, 186, 167, 0.06);
        line-height: 1.8;
        border-radius: 10px;
    }
    .patient_info{
        display: flex;
    }
    .patient_content{
        width: 100%;
        margin-left: 10px;
        padding: 5px;
    }
    .patient_content_item{
        font-size: 14px;
        padding-left: 15px;
    }
</style>


    <form action="/pcs/order/formWl" class="layui-card layui-form" data-auto="true" method="post" data-table-id="OrderTable">

        <input type="hidden" name="id" th:if="${data}" th:value="${data.id}"/>

        <div class="layui-card-body padding-15">
            <div class="layui-form-item">
                <label class="layui-form-label order-label">患者信息</label>
                <div class="layui-input-block order-block">
                    <div class="layui-row patient_info layui-panel padding-15">
                        <div class="patient_header">
                            <img src="/images/patient_header.png" style="width: 68px;height: 68px;border-radius: 50%">
                        </div>
                        <div class="layui-row" style="width: 100%">
                            <div class="layui-col-xs12">
                                <div class="layui-row patient_content">
                                    <div class="layui-col-xs4" style="font-size: 18px;font-weight: 600;">
                                        [[${patient.name}]]
                                    </div>
                                    <div class="layui-col-xs7" style="font-size: 18px;text-align: right;">


                                    </div>
                                </div>
                                <div class="layui-row patient_content_item">
                                    <div class="layui-col-xs2">
                                        <p>病区：<span class="item-content">[[${data.depName}]]</span></p>
                                    </div>
                                    <div class="layui-col-xs2">
                                        <p>患者床号：<span class="item-content">[[${data.bedNo}]]</span></p>
                                    </div>
                                    <div class="layui-col-xs2">
                                        <p>患者性别：
                                            <span class="item-content" th:if="${patient.sex == 1}" >男</span>
                                            <span class="item-content" th:if="${patient.sex == 2}" >女</span>
                                        </p>
                                    </div>
                                    <div class="layui-col-xs3">
                                        <p>手机号码：<span class="item-content">[[${patient.phone}]]</span></p>
                                    </div>
                                    <div class="layui-col-xs3">
                                        <p>身份证号：<span class="item-content">[[${patient.cardNo}]]</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label order-label">陪护项目</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly  th:value="${data.projectTitle}"  class="layui-input layui-bg-gray">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label order-label">陪护类别</label>
                    <div class="layui-input-inline layui-input-wrap">
                        <input type="text"  readonly th:if="${data.stageType == 1}" th:value="${data.projectStageName}" class="layui-input layui-bg-gray">
                        <input type="text"  readonly th:if="${data.stageType == 2}" th:value="${data.hourNum+'小时陪护'}" class="layui-input layui-bg-gray">
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label order-label">自理能力</label>
                <div class="layui-input-block order-block">
                    <th:block th:switch="${data.ability}">
                        <th:block th:case="1">
                            <input type="text" readonly  value="基本自理"  class="layui-input layui-bg-gray">
                        </th:block>
                        <th:block th:case="2">
                            <input type="text" readonly  value="半自理"  class="layui-input layui-bg-gray">
                        </th:block>
                        <th:block th:case="3">
                            <input type="text" readonly  value="完全失能"  class="layui-input layui-bg-gray">
                        </th:block>
                    </th:block>

                </div>

            </div>

            <div class="layui-form-item">
                <label class="layui-form-label order-label">选择陪护员</label>
                <div class="layui-input-block order-block">
                    <select name="porterId" class="layui-select" >
                        <option value="0" label="请选择" >请选择</option>
                        <option th:each="item:${porterList}"  th:value="${item.id}" th:label="${item.name}" >[[${item.name}]]</option>
                    </select>
                </div>
            </div>


            <div class="text-center layui-form-actions1">
                <button class="layui-btn" type="submit">保存</button>
                <button class="layui-btn layui-btn-danger" data-close data-confirm="确定要取消编辑吗？" type='button'>关闭</button>
            </div>

        </div>
    </form>


</body>
</html>